<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>


        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <link rel="icon" type="image/x-icon" href="assets/favicon.ico"/>
        <script src="js/jquery-3.5.1.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js"></script>
        <script src="/assets/js/myjs/head.js"></script>
        <script src="/assets/js/myjs/findComdBooks.js"></script>

        <!--<script type="text/javascript">
            for (var num=0; num < 100; num++) {
                setTimeout(function(){location.reload()},5000);
            }
        </script>-->
        <style>
            .my1 {
                margin-top: 10px;
                color: #000;
                text-decoration: none;
            }

            .author {
                margin-top: 10px;
            }

            .desc {
                margin-top: 10px;
                font-size: 12px;
                color: #999999;
            }
        </style>


    </head>
    <body>
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top " id="mynav">
            <div class="container px-4 px-lg-5">
                <a class="navbar-brand" href="index.html">XDDRead</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span></button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4" id="navbarUl">

                    </ul>
                    <form class="d-flex">
                        <button class="btn btn-outline-dark" type="submit">
                            <i class="bi-cart-fill me-1"></i>
                            Cart
                            <span class="badge bg-dark text-white ms-1 rounded-pill">0</span>
                        </button>
                    </form>
                </div>
            </div>
        </nav>
        <!--头页面-->


        <div class="container-fluid">
            <!-- 轮播 -->
            <div id="demo" class="carousel slide" data-bs-ride="carousel">

                <!-- 指标/点 -->
                <div class="carousel-indicators">
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="3"></button>
                    <button type="button" data-bs-target="#demo" data-bs-slide-to="4"></button>

                </div>
                <!-- 幻灯片/轮播 -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="http://p6-novel.byteimg.com/img/novel-static/d4b251d1c3fb25753e7dfc5b98341c13~2880x0.jpeg"
                             alt="Los Angeles" class="d-block w-100">
                        <div class="carousel-caption">
                            <h3>Los Angeles</h3>
                            <p>Thank you, Los Angeles!</p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="http://p3-novel.byteimg.com/img/novel-static/5998f273bef7da074a226f9a3075740a~2880x0.jpeg"
                             alt="Chicago" class="d-block w-100">
                        <div class="carousel-caption">
                            <h3>Chicago</h3>
                            <p>Thank you,Chicago!</p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="https://p3-tt.byteimg.com/origin/novel-static/4ad22427c3d6bc431acfd1eee627c9bf"
                             alt="New York" class="d-block w-100">
                        <div class="carousel-caption">
                            <h3>Beijing</h3>
                            <p>Thank you, Beijing!</p>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="https://p3-tt.byteimg.com/origin/novel-static/4e4f66cb2e65ced2817ba00964754c29"
                             alt="New York" class="d-block w-100">
                        <div class="carousel-caption">

                        </div>
                    </div>
                    <div class="carousel-item">
                        <img src="https://p3-tt.byteimg.com/origin/novel-static/632ab30c596c1fa13690c45e76eb8323"
                             alt="New York" class="d-block w-100">
                        <div class="carousel-caption">

                        </div>
                    </div>
                </div>

                <!-- 左右控件/图标 -->
                <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </button>
            </div>
        </div>
        <br/>


        <!--        推荐框-->
        <section id="new">
            <div class="container-fluid">
                <div class="container-fluid row " id="comit">

                </div>
            </div>
        </section>


    </body>


</html>

<!--        &lt;!&ndash;        卡片&ndash;&gt;
          <div class="container">
              <div class="card" style="width: 18rem;">
                  <img src="..." class="card-img-top" alt="...">
                  <div class="card-body">
                      <h5 class="card-title">Card title</h5>
                      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the
                          card's content.</p>
                      <a href="#" class="btn btn-primary">Go somewhere</a>
                  </div>
              </div>
          </div>


          <div class="container px-4 px-lg-5 mt-5 a">
              <div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center">
                  <div class="col mb-5">
                      <div class="card h-100">
                          &lt;!&ndash; Product image&ndash;&gt;
                          <img class="card-img-top" src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="...">
                          &lt;!&ndash; Product details&ndash;&gt;
                          <div class="card-body p-4">
                              <div class="text-center">
                                  &lt;!&ndash; Product name&ndash;&gt;
                                  &lt;!&ndash; Product price&ndash;&gt;
                                  &lt;!&ndash;                                <h5 class="fw-bolder">Fancy Product</h5>

                                                                  $40.00 - $80.00&ndash;&gt;
                              </div>
                          </div>
                          &lt;!&ndash; Product actions&ndash;&gt;
                          <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                              <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">View options</a>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col mb-5">
                      <div class="card h-100">
                          &lt;!&ndash; Sale badge&ndash;&gt;
                          <div class="badge bg-success text-white position-absolute" style="top: 1rem; right: 1rem">NEW
                          </div>
                          &lt;!&ndash; Product image&ndash;&gt;
                          <img class="card-img-top"
                               src=" https://p3-tt.byteimg.com/img/pgc-image/ad0c2bcea7ec448b9d09c290a6519726~180x234.jpg"
                               alt="...">
                          &lt;!&ndash; Product details&ndash;&gt;
                          <div class="card-body p-4">
                              &lt;!&ndash; Product name&ndash;&gt;
                              <h5 class="fw-bolder text-center" id="BookName">亲爱的主妇</h5>
                              &lt;!&ndash; Product reviews&ndash;&gt;
                              <a href="##" class="" id="writer">作者</a>
                              <p class="bi-star-fill">这是四个“绝望主妇”在婚姻里寻求救赎的故事。 生活在一线都市的四个女人，正各自经历情感深渊：
                                  朱天蓝9年的婚姻，被一段神秘的出轨视频打败，查明出轨真相的她如何自救？ 在无性婚姻里挣扎的季凌云，遭遇一段触动心弦的艳遇，是沉沦？还是自我救赎？
                                  霸道御姐米姝大龄未婚，跟小奶狗之间几经分合，最终是否能修成正果？ 被家暴男控制多年的郑好，最终是否能重返阳光？</p>


                          </div>
                          &lt;!&ndash; Product actions&ndash;&gt;
                          <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                              <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a>
                              </div>
                          </div>
                      </div>
                  </div>

              </div>
          </div>-->
<!--
<div class="row container-fluid " id="comit">

    <div class="col-lg-3 " href="/##">

        <div class=" row">

            <div class="col-lg-6 mb-4">
                <img style="width:100%;"
                     src="https://p3-tt.byteimg.com/img/pgc-image/ad0c2bcea7ec448b9d09c290a6519726~180x234.jpg"
                     alt="..." href="/##">
            </div>

            <div class="col-lg-4">
                <a href="/##">书名</a>
                <h5 class=" mb-3">作者</h5></a>
                <p class=" ">简介</p>
            </div>

        </div>


    </div>
    <div class="col-lg-3 " href="##">
        <div class="shadow row">

            <div class="col-lg-6 mb-4">
                <img style="width:80%;"
                     src="https://p3-tt.byteimg.com/img/pgc-image/ad0c2bcea7ec448b9d09c290a6519726~180x234.jpg"
                     alt="...">
            </div>

            <div class="col-lg-4">
                <h5 class=" mb-3">作者</h5></a>
                <p class=" ">简介</p>
            </div>

        </div>
    </div>
    <div class="col-lg-3 " href="##">
        <div class="shadow row">

            <div class="col-lg-6 mb-4">
                <img style="width:80%;"
                     src="https://p3-tt.byteimg.com/img/pgc-image/ad0c2bcea7ec448b9d09c290a6519726~180x234.jpg"
                     alt="...">
            </div>

            <div class="col-lg-4">
                <h5 class=" mb-3">作者</h5></a>
                <p class=" ">简介</p>
            </div>

        </div>
    </div>
    <div class="col-lg-3 " href="##">
        <div class="shadow row">

            <div class="col-lg-6 mb-4">
                <img style="width:80%;"
                     src="https://p3-tt.byteimg.com/img/pgc-image/ad0c2bcea7ec448b9d09c290a6519726~180x234.jpg"
                     alt="...">
            </div>

            <div class="col-lg-4">
                <h5 class=" mb-3">作者</h5></a>
                <p class=" ">简介</p>
            </div>

        </div>
    </div>
</div>-->

<!--           <section class="py-5">
               <div class="container row  " id="rejist">
                               <div class="col-lg- mb-4" >
                                   <div class="card  shadow border-0">
                                       <img class="card-img-top"
                                            src="https://p3-tt.byteimg.com/img/pgc-image/ad0c2bcea7ec448b9d09c290a6519726~180x234.jpg"
                                            alt="...">
                                       <div class="card-body p-4">
                                                                   <div class="badge bg-primary bg-gradient rounded-pill mb-2">News</div>
                                           <a class="text-decoration-none link-dark stretched-link" href="/login.html">
                                               <h5 class="card-title mb-3">作者</h5></a>

                                           <p class="card-text  ">简介</p>
                                       </div>
                                                           作者栏
                                                           <div class="card-footer p-4 pt-0 bg-transparent border-top-0">
                                                               <div class="d-flex align-items-end justify-content-between">
                                                                   <div class="d-flex align-items-center">
                                                                       <img class="rounded-circle me-3" src="https://dummyimage.com/40x40/ced4da/6c757d" alt="...">
                                                                       <div class="small">
                                                                           <div class="fw-bold">Kelly Rowan</div>
                                                                           <div class="text-muted">March 12, 2022 · 6 min read</div>
                                                                       </div>
                                                                   </div>
                                                               </div>
                                                           </div>
                                   </div>
                               </div>

               </div>
           </section>
-->

<!--最新模板-->